import './assets/main.css'
import 'element-plus/dist/index.css'

import { createApp } from 'vue'
import ElementPlus from 'element-plus'

// import App from './App.vue'

import ElementUIApp from './ElementUIApp.vue'

//导入elementUI的图标
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

//导入vue-route
import {createRouter, createWebHistory} from 'vue-router'
import Home from './components/Home.vue'
import TableComponent from './components/TableComponent.vue'

const app = createApp(ElementUIApp)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}
//配置路由
// 1. 定义一些路由
// 每个路由都需要映射到一个组件。
// 我们后面再讨论嵌套路由。
const routes = [
    { path: '/', component: Home },
    { path: '/about', component: TableComponent },
]

// 2. 创建路由实例并传递 `routes` 配置
// 你可以在这里输入更多的配置，但我们在这里
// 暂时保持简单
const router = createRouter({
    // 3. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
    history: createWebHistory(),
    routes, // `routes: routes` 的缩写
})
app.use(router)
app.use(ElementPlus).mount('#app')
